```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜索列表（文章）</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f5f5f5;
            color: #333;
        }
        .container {
            max-width: 1440px;
            margin: 0 auto;
            padding: 20px;
        }
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        .search-bar {
            display: flex;
            align-items: center;
        }
        .search-input {
            width: 300px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .search-button {
            padding: 10px 20px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        .tabs {
            display: flex;
            margin-bottom: 20px;
        }
        .tab {
            padding: 10px 20px;
            cursor: pointer;
        }
        .tab.active {
            border-bottom: 2px solid #007bff;
        }
        .filter-section {
            background-color: white;
            padding: 20px;
            border-radius: 4px;
            margin-bottom: 20px;
        }
        .filter-row {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        .filter-label {
            margin-right: 10px;
        }
        .filter-select {
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .item-list {
            list-style: none;
            padding: 0;
        }
        .item {
            background-color: white;
            padding: 20px;
            border-radius: 4px;
            margin-bottom: 20px;
        }
        .item-title {
            font-size: 1.2rem;
            margin-bottom: 10px;
        }
        .item-tags {
            display: flex;
            margin-bottom: 10px;
        }
        .item-tag {
            background-color: #f0f0f0;
            padding: 5px 10px;
            margin-right: 5px;
            border-radius: 4px;
        }
        .item-description {
            margin-bottom: 10px;
        }
        .item-meta {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        .item-meta img {
            width: 20px;
            height: 20px;
            margin-right: 5px;
        }
        .item-meta a {
            color: #007bff;
            text-decoration: none;
        }
        .item-actions {
            display: flex;
            align-items: center;
        }
        .item-action {
            margin-right: 10px;
        }
    </style>
</head>
<body class="theme-light" data-layout="fluid" data-grid-columns="12">
    <div class="container" data-antd-component="Layout">
        <div class="header">
            <h1 data-antd-component="Typography.Title">搜索列表（文章）</h1>
            <div class="search-bar">
                <input type="text" class="search-input" placeholder="请输入" data-antd-component="Input" data-antd-props='{"placeholder":"请输入"}' />
                <button class="search-button" data-antd-component="Button" data-antd-props='{"type":"primary"}'>搜 索</button>
            </div>
        </div>
        <div class="tabs" data-antd-component="Tabs" data-antd-props='{"defaultActiveKey":"1"}'>
            <div class="tab active" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"1","tab":"文章"}'>文章</div>
            <div class="tab" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"2","tab":"项目"}'>项目</div>
            <div class="tab" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"3","tab":"应用"}'>应用</div>
        </div>
        <div class="filter-section" data-antd-component="Card">
            <div class="filter-row">
                <span class="filter-label" data-antd-component="Typography.Text">所属类目：</span>
                <select class="filter-select" data-antd-component="Select" data-antd-props='{"placeholder":"请选择"}'>
                    <option value="全部">全部</option>
                    <option value="类目1">类目1</option>
                    <!-- 更多选项 -->
                </select>
            </div>
            <!-- 更多筛选条件 -->
        </div>
        <ul class="item-list" data-antd-component="List">
            <li class="item" data-antd-component="List.Item">
                <h2 class="item-title" data-antd-component="Typography.Title">Alipay</h2>
                <div class="item-tags" data-antd-component="Tag">
                    <span class="item-tag" data-antd-component="Tag">Ant Design</span>
                    <span class="item-tag" data-antd-component="Tag">设计语言</span>
                    <span class="item-tag" data-antd-component="Tag">蚂蚁金服</span>
                </div>
                <p class="item-description" data-antd-component="Typography.Paragraph">段落示意：蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。</p>
                <div class="item-meta">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="用户头像" data-antd-component="Avatar" />
                    <span data-antd-component="Typography.Text">付小小 发布在 <a href="#" data-antd-component="Typography.Link">https://ant.design</a></span>
                    <span data-antd-component="Typography.Text">2025-05-13 11:23</span>
                </div>
                <div class="item-actions">
                    <span class="item-action" data-antd-component="Button" data-antd-props='{"icon":"star"}'>☆ 181</span>
                    <span class="item-action" data-antd-component="Button" data-antd-props='{"icon":"heart"}'>♥ 129</span>
                    <span class="item-action" data-antd-component="Button" data-antd-props='{"icon":"message"}'>💬 14</span>
                </div>
            </li>
            <!-- 更多项目 -->
        </ul>
        <button data-antd-component="Button" data-antd-props='{"type":"primary"}'>加载更多</button>
    </div>
</body>
</html>
```